import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { ViewPort, Left, Top, Right, Bottom, LeftResizable, TopResizable, RightResizable, BottomResizable, Fill } from "../../";
import { green, description, lorem } from "../Utils";
import { CommonHeader, PropsTable, StandardProps } from "../Utils";
import * as FillStories from './Fill.stories';

<CommonHeader />

<Meta of={FillStories} />

## Fill

Space which fills all remaining space taken up by anchored spaces.

### With a left space

<Canvas of={FillStories.WithLeftSpace} />

### With a top space

<Canvas of={FillStories.WithTopSpace} />

### With a right space

<Canvas of={FillStories.WithRightSpace} />

### With a bottom space

<Canvas of={FillStories.WithBottomSpace} />

### With a left resizable space

<Canvas of={FillStories.WithLeftResizableSpace} />

### With a top resizable space

<Canvas of={FillStories.WithTopResizableSpace} />

### With a right resizable space

<Canvas of={FillStories.WithRightResizableSpace} />

### With a bottom resizable space

<Canvas of={FillStories.WithBottomResizableSpace} />

### As a scrollable space

<Canvas of={FillStories.Scrollable} />

### Properties

<FillStories.Properties />
